doctype html
// 上面是声明文档类型
//- 这是不会输出的注释
//
    块注释
    要换行, 不能接着写
html
    meta(charset="utf-8")
    //- 嵌套子标签, 如果想取消嵌套, 只能在下一个和嵌套父标签有相同缩进的标签处退出
    head: title Tag Demo
    body
        //- 不加 p, 会挤到一行上
        h1 Welcome to Pug
        img(src="/img.png")
        p: a(href="google.com")

        //- 可以分开多行来写
        p: input(id="username", type="text", name="username")
        p: input(
            id="username",
            type="text",
            name="username"
        )

        //- 把 style 属性的值看做是一个 JavaScript 对象
        p(style={color: red, font_size: 17})

        //- <div id="foo" data-bar="foo" data-foo="bar"></div>; 传入字典 attributes
        - var dict = {'data-foo': 'bar'};
        div#foo(data-bar="foo")&attributes(dict)

        //- - 后面个 js 声明的变量, id= 这个 = 要紧贴着写
        - var x = 1;
        body(id= x == 1 ? 1 : 0)

        //- 直接接受 true 和 false 赋值给布尔属性, 而且当你缺省赋值时, 默认为 true
        input(type="checkbox", checked)
        input(type="checkbox", checked="true")
        input(type="checkbox", checked="false")
